import React from "react"
import { Col, Form } from "antd"

const SearchFormItem = ({ formItemProps, colSizeProps = { xl: "25%", xxl: "20%" }, children }) => {
  return (
    <Col
      xl={{
        flex: colSizeProps.xl
      }}
      xxl={{
        flex: colSizeProps.xxl
      }}
    >
      <Form.Item {...formItemProps}>{children}</Form.Item>
    </Col>
  )
}

export default SearchFormItem
